<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>分期付</title>
<style>
  html,body,h1,h2,h3,h4{
    color: #464646;
    margin:0;
    padding:0
  }
  #app{
    padding:15px;
  }
  .cneter{
    border-bottom: 2px dashed #EEE9E9;
    margin-bottom:20px;
  }
  .cneter .imgbox{
    text-align: center
  }
  .title{
    font-size: 20px;
    text-align: center;
    font-weight: normal;
    color:#5BA8F7;
  }
  .title .txt{
    display: inline-block;
   padding:0 25px;
    position: relative;
  }
  .title .txt::before{
    content: '';
    width: 8px ;
    height: 8px;
    position: absolute;
    left: 0px;
    top: 9px;
    background: #5BA8F7
  }
  .title .txt::after{
    content: '';
    width: 8px ;
    height: 8px;
    position: absolute;
    top: 9px;
    background: #5BA8F7;
    right: 0px;

  }
  .cneter img{
    display: inline-block;
    width: 85%;
    margin: 0 auto;
  }
  h4{
    color: #333333;
    margin-top: 10px;
    position: relative;
    padding-left:15px;
  }
  h4::before{
    content:'';
    width: 5px;
    height: 100%;
    position: absolute;
    left: 0px;
    background: #5BA8F7;
  }
  ol{
    padding-left:30px;
  }
  ol,li{
    margin: 0;
    line-height: 32px;
  }
</style>
    
</head>
<body>
  <div id="app" v-cloak>
    <h1 class="title"><span class="txt">花呗分期</span></h1>
    <div class="cneter">
      <h4>关于分期</h4>
      <p>分期是牙记为您贴心提供的信用支付工具，用户在消费时，可以使用花呗的额度，享受“先消费，后付款”的购物体验。</p>
    </div>
    <div>
      <h4>过期为消费自动退款</h4>
      <ol>
        <li>支持3、6、12期分期付款。</li>
        <li>手续费说明：3期手续费2.3%，6期手续费4.5%，12期手续费7.5%.</li>
        <li>花呗分期会根据市场环境的变化，不定期调整上述手续费。</li>
      </ol>
    </div>
    <div>
      <h4>如何使用</h4>
      <ol>
        <li>【开通]】: 在支付宝中开通花呗分期服务。</li>
        <li>【支付】: 选择商品后点击[立即购买]到确认订单页，在支付方式中选择[花呗分期]，可以根据自身需求修改期数，点击[确认订单]完成支付。</li>
        <li>【还款】：支持支付宝自动还款；花呗分期的账单和花呗账单在一起，可以到支付宝内查看账单及还款。</li>
      </ol>
    </div>
  </div>

  <script src="./static/js/swiper.min.js"></script>
  <script src="./static/js/vue.js"></script>
  <script src="./static/js/axios.js"></script>
  <script>
    new Vue({
      el:'#app',
      data:{
        
      },
      created() {  
       
      },
      methods:{
      }
    })
  </script>
</body>
</html>